<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$catinfo[cat_name]}-{$config[cfg_webname]}</title>
<meta name="keywords" content="{$catinfo[category_keywords]}-{$catinfo[cat_name]}" />
<meta name="description" content="{$catinfo[category_description]}-{$catinfo[cat_name]}" />
<link href="{$BASE_V}project.css" rel="stylesheet" type="text/css" />
<link href="/public/www/project.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{$BASE}js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var obj_div = jQuery(".centerbar");
	var obj_list = jQuery(".centerbar ul");
	var obj_item = jQuery(".centerbar ul li");
	var len = obj_item.length;
	var item_wid = 66;
	var list_wid = item_wid * len;
	obj_list.css({width:list_wid});
	jQuery("a#btn_next").click(function(){
		var offsetleft = (obj_list.height() + parseInt(obj_list.css("margin-top")) > obj_div.height() ? (parseInt(obj_list.css("margin-top"))-item_wid) : 0);
		obj_list.stop(true,true).animate({marginTop:offsetleft},300);
		return false;
	});
	jQuery("a#btn_prev").click(function(){
		var offsetleft = (obj_list.height() - parseInt(obj_list.css("margin-top")) > obj_div.height() ? (parseInt(obj_list.css("margin-top")) < 0 ? parseInt(obj_list.css("margin-top"))+item_wid : 0) : 0);
		obj_list.stop(true,true).animate({marginTop:offsetleft},300);
		return false;
	});
	jQuery(".centerbar ul li a").css("cursor","pointer").click(function(){
		var src = $(this).children("img").attr("src");
		$("#case_name").text($(this).children("span").text());
		$("#showpic a").attr("href",src);
		$("#showpic img").attr("src",src);
		$(".centerbar ul li").removeClass("hover");
		$(this).parent().addClass("hover");
		return false;
	});
	jQuery(".centerbar ul li a").eq(0).click();
	
	

});
</script>
</head>

<body>
<!--{template inc/top}-->
<div class="wrap">
<div class="project_main">
  <h5>您的位置:<a href="$config[cfg_indexurl]">首页</a>>><a href="{PHP_SELF}?m=anli&name={$name}">$catinfo[cat_name]</a></h5>
  <div class="project_sidebar">
     <ul>
     {loop $cat_list $k $v}
        <li><a href="$v[cat_id]">$v[cat_name]</a>
        {if !empty($v[info])}
        <ul>
        {loop $v[info] $kk $vv}
            <li><a href="{PHP_SELF}?m=anli&id=$vv[article_id]">$vv[title]</a></li>
        {/loop}
        </ul>
        {/if}
        </li>
     {/loop}
     </ul>
  </div>
  <div class="project_content">
    <div class="leftscroll">
      <div class="topbar"><a href="#" id="btn_prev"><img src="{$BASE_V}images/prev.jpg" /></a></div>
      <div class="centerbar">
        <ul>
        <!--{loop $imgurl_array $k $v}-->
          <li><a href="#"><img src="$v" width="83" height="53" /><span class="hide">$imgtitle_array[$k]</span></a></li>
        <!--{/loop}-->
        </ul> 
      </div>
      <div class="rightbar"><a href="#" id="btn_next"><img src="{$BASE_V}images/next.jpg" /></a></div>
    </div>
   
    <div class="pic" id="showpic"><a href="#" target="_blank"><img src="{$BASE_V}images/picone.jpg" width="438" height="291" /></a>
    <p>【<span id="case_name"></span>】</p>
    </div>
  </div>
</div>
<!--{template inc/footer}-->
<div class="backtop_r"><a href="#">backtop</a></div>
</div>
</body>
</html>
